<ui:composition xmlns="http://www.w3.org/1999/xhtml" 
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core" 
                xmlns:ui="http://java.sun.com/jsf/facelets" 
                xmlns:p="http://primefaces.org/ui"
                template="template/plantilla.xhtml">
    <ui:define name="title">Sinetcom Login</ui:define>
    <ui:define name="content">
        <f:view contentType="text/html">
            <h:head />
            <h:body>
                <h:form>
                    <div class="center" >
                        <p:panel id="basic" styleClass="centerPanel" header="Inicio de Sesión" style="margin-bottom:20px; width: 390px;">
                            <p:panelGrid columns="2">
                                <p:column><h:outputLabel for="nombreUsuario">Usuario</h:outputLabel></p:column>
                                <p:column><p:inputText id="nombreUsuario" required="true" requiredMessage="Nombre de usuario requerido" value="#{login.nombreUsuario}" ></p:inputText></p:column>
                                <p:column><h:outputLabel for="contrasena">Contraseña</h:outputLabel></p:column>
                                <p:column><p:password id="contrasena" required="true" requiredMessage="Contraseña requerida" value="#{login.password}" ></p:password></p:column>
                                <p:column></p:column>
                                <p:column><p:commandButton value="Ingresar" ajax="false" action="#{login.login}"></p:commandButton></p:column>
                            </p:panelGrid>
                        </p:panel>
                    </div>
                </h:form>
            </h:body>
        </f:view>
    </ui:define>
    <ui:define name="footer">
        Sinetcom S.A. (2014) - Todos los derechos reservados.
    </ui:define>
</ui:composition>